<template>
    <div>
        <v-header :seller="seller"></v-header>
        <div class="tab  border-1px">
            <div class="tab-item"><a v-link="{path:'/goods'}">商品</a></div>
            <div class="tab-item"><a v-link="{path:'/ratings'}">评论</a></div>
            <div class="tab-item"><a v-link="{path:'/seller'}">商家</a></div>
        </div>
        <router-view></router-view>
    </div>
</template>
<!-- type="text/ecmascript-6" -->
<script>
import header from './components/header/header.vue';
/* 定义常量 */
const ERR_OK = 0;
export default {
    components: {
        'v-header': header
    },
    data() {
         return {
            seller: {}
         };
    },
    created() {
        this.$http.get('/api/seller').then((response) => {
            response = response.body;
            if (response.errno === ERR_OK) {
                this.seller = response.data;
                console.log(this.seller);
            };
        });
    }
};
</script>
<style rel="stylesheet/stylus" lang="stylus">
@import "./common/stylus/mixin.styl"
.tab 
    display:flex 
    width:100% 
    height:40px 
    line-height:40px
    border-1px(rgba(7,17,27,0.1))
.tab-item
    flex:1
    text-align:center
    & > a
        display:block
        font-size:14px
        color:rgb(77,85,93)
        &.active
            color:rgb(240,20,20)
</style>
